<script setup lang="ts">
import {ref, watch} from "vue";
let time = ref<number>(5);
//接受父组件传递过来的props-》flag；用于控制计数器组件显示与隐藏的
let props = defineProps(['flag']);
let $emit = defineEmits(['getFlag'])
watch(()=>props.flag,()=>{
  let timer = setInterval(()=>{
    time.value--;
    if(time.value==0){
      $emit('getFlag',false);
      clearInterval(timer);
    }
  },1000)
},{
  immediate:true,
})
</script>

<template>
<div>
  <span>获取验证码（{{time}}s)</span>
</div>
</template>

<style scoped lang="scss">

</style>
